<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"   
      xmlns:jb="http://java.sun.com/jsf/composite/componentes"
      xmlns:p="http://primefaces.org/ui">

    <SCRIPT language="JavaScript" type="text/javascript">
                   
        function handleRequest(xhr, status, args) {                     
            if(args.validationFailed) {  
     
            } else {                              
                carDialogSubOrg.hide();  
                jQuery('#btnGuardarDetalle').fadeOut();  
            }  
        }  
    </SCRIPT>
    <h:form onsubmit="return checkSubmit();"  id="frmDetalle">
            <p:tabView id="pgFormDtoDeta" style="#{applicationMBean.estiloTitulo}}" >
                <p:tab title="#{i18n['panel.titulo.sub.organizacion']}">
                    <h:panelGrid  columns="4" cellpadding="4">
                        <h:outputLabel value="#{i18n['general.label.id']}" styleClass="label" rendered="#{sessionMBean.accionDetalle != applicationMBean.nuevo}"/>
                        <h:outputText value="#{organizacionMBean.detaDto.id}" rendered="#{sessionMBean.accionDetalle != applicationMBean.nuevo}" styleClass="txtCampo"/>

                        <h:outputLabel for="itDescripcion" styleClass="label" value="#{i18n['sub.organizacion.descripcion']}"/>
                        <p:inputText id="itDescripcion" label="#{i18n['sub.organizacion.descripcion']}"
                                     value="#{organizacionMBean.detaDto.descripcion}"  readonly="#{sessionMBean.accionDetalle == applicationMBean.ver}"
                                     required="true" size="70" maxlength="200" styleClass="txtCampoObligatorio">
                            <f:validateLength maximum="200" minimum="1" />
                        </p:inputText>

                        <h:outputLabel for="itDescripcionCorta" styleClass="label" value="#{i18n['sub.organizacion.descripcion.corta']}"/>
                        <p:inputText id="itDescripcionCorta" label="#{i18n['sub.organizacion.descripcion.corta']}" styleClass="txtCampo"
                                     value="#{organizacionMBean.detaDto.descripcionCorta}" maxlength="50"
                                     readonly="#{sessionMBean.accionDetalle == applicationMBean.ver}" size="30">
                            <f:validateLength maximum="50" minimum="0" />
                        </p:inputText>        

                        <h:outputLabel for="itDireccion" styleClass="label" value="#{i18n['sub.organizacion.direccion']}"/>
                        <p:inputText id="itDireccion" label="#{i18n['sub.organizacion.direccion']}" 
                                     value="#{organizacionMBean.detaDto.direccion}"  readonly="#{sessionMBean.accionDetalle == applicationMBean.ver}"
                                     required="true" size="100" maxlength="200" styleClass="txtCampoObligatorio">
                            <f:validateLength maximum="200" minimum="1" />
                        </p:inputText>

                        <h:outputLabel for="itTelefono" styleClass="label" value="#{i18n['sub.organizacion.telefono']}"/>
                        <p:inputText id="itTelefono" label="#{i18n['sub.organizacion.telefono']}" 
                                     value="#{organizacionMBean.detaDto.telefono}"  readonly="#{sessionMBean.accionDetalle == applicationMBean.ver}"
                                     required="false" size="20" maxlength="20" styleClass="txtCampoObligatorio">
                            <f:validateLength maximum="20" minimum="0" />
                        </p:inputText>

                        <h:outputLabel for="itReferencia" value="#{i18n['sub.organizacion.referencia']}" styleClass="label"/>       
                        <p:inputTextarea id="itReferencia" label="#{i18n['sub.organizacion.referencia']}" value="#{organizacionMBean.detaDto.referencia}"  
                                         readonly="#{sessionMBean.accionDetalle == applicationMBean.ver}"
                                         required="false" maxlength="300" cols="80" rows="4"  style="txtCampoObligatorio">
                        </p:inputTextarea>

                        <h:outputLabel for="itTipo" styleClass="label" value="#{i18n['sub.organizacion.tipo']}"/>                    
                        <p:selectOneMenu id="itTipo" value="#{organizacionMBean.detaDto.tipo}" required="true" disabled="#{sessionMBean.accionDetalle == applicationMBean.ver}"                                  
                                         style="#{applicationMBean.estiloObligatorio}">
                            <f:selectItems value="#{organizacionMBean.siTipoSubOrganizacion}"/>
                        </p:selectOneMenu>  

                        <h:outputLabel styleClass="label" value="#{i18n['sub.organizacion.pais']}"/>                    
                        <p:selectOneMenu value="#{organizacionMBean.detaDto.paisDto}"  converter="ubigeoConvert"   disabled="#{sessionMBean.accionDetalle == applicationMBean.ver}"                                  
                                         style="#{applicationMBean.estiloObligatorio}">
                            <f:selectItems value="#{organizacionMBean.listaPaises}" var="ubigeoDto" itemLabel="#{ubigeoDto.descripcion}" itemValue="#{ubigeoDto}" />                        
                        </p:selectOneMenu>

                        <h:outputLabel styleClass="label" value="#{i18n['general.label.activo']}"/>                    
                        <p:selectBooleanCheckbox value="#{organizacionMBean.detaDto.estado}"  style="#{applicationMBean.estilo}"  disabled="#{sessionMBean.accionDetalle == applicationMBean.ver}"/>

                        <h:outputLabel styleClass="label" value="#{i18n['sub.organizacion.logo']}" rendered="#{organizacionMBean.detaDto.id!=null}"/>
                        <h:panelGrid>
                            <h:outputLabel id="olLogo" styleClass="txtCampo" value="#{organizacionMBean.detaDto.archivoLogoDto.detalle}"/>                        
                            <p:commandButton title="CARGAR LOGO"
                                             icon="ui-icon ui-icon-image"                                        
                                             ajax="true"
                                             rendered="#{organizacionMBean.detaDto.id!=null}"
                                             oncomplete="dlgLogoDeta.show()"                                      
                                             update=":frmPopupLogoDeta:pgLogoDeta">
                            </p:commandButton>

                        </h:panelGrid>


                    </h:panelGrid>
                    <h:outputLabel value="#{i18n['general.label.campos.auditoria']}" styleClass="subTitulo" rendered="#{organizacionMBean.detaDto.id!=null}"/>
                    <p:separator rendered="#{organizacionMBean.detaDto.id!=null}"/>
                    <h:panelGrid id="pgCamposAuditoria" columns="6" cellspacing="10" rendered="#{organizacionMBean.detaDto.id!=null}">
                        <h:outputLabel styleClass="label" value="#{i18n['general.label.usuario.creacion']}"/>
                        <h:outputLabel styleClass="txtCampo" value="#{organizacionMBean.detaDto.usuarioCreacionDto.descripcion}"/>
                        <h:outputLabel styleClass="label" value="#{i18n['general.label.fecha.creacion']}"/>
                        <h:outputLabel styleClass="txtCampo" value="#{organizacionMBean.detaDto.fechaCreacion}">
                            <f:convertDateTime pattern="#{applicationMBean.formatoFechaHoraSegundos}"  timeZone="#{applicationMBean.timeZone}"/>
                        </h:outputLabel>                            
                        <h:outputLabel styleClass="label" value="#{i18n['general.label.terminal.creacion']}"/>
                        <h:outputLabel styleClass="txtCampo" value="#{organizacionMBean.detaDto.terminalCreacion}"/>
                        <h:outputLabel styleClass="label" value="#{i18n['general.label.usuario.modificacion']}"/>
                        <h:outputLabel styleClass="txtCampo" value="#{organizacionMBean.detaDto.usuarioDto.descripcion}"/>
                        <h:outputLabel styleClass="label" value="#{i18n['general.label.fecha.modificacion']}"/>
                        <h:outputLabel styleClass="txtCampo" value="#{organizacionMBean.detaDto.fecha}">
                            <f:convertDateTime pattern="#{applicationMBean.formatoFechaHoraSegundos}"  timeZone="#{applicationMBean.timeZone}"/>
                        </h:outputLabel>                            
                        <h:outputLabel styleClass="label" value="#{i18n['general.label.terminal.modificacion']}"/>
                        <h:outputLabel styleClass="txtCampo" value="#{organizacionMBean.detaDto.terminal}"/>
                    </h:panelGrid>

                    <p:panel id="pnlAcciones">
                        <h:panelGrid columns="10">
                            <p:commandButton id="btnGuardarDetalle" update=":msjDialogDeta,:frmPrincipal:pnlPrincipalDeta" 
                                             title="#{i18n['general.button.guardar.tip']}"
                                             ajax="true"  
                                             style="#{applicationMBean.estilosBtnGuardar}"
                                             icon="ui-icon ui-icon-disk" rendered="#{sessionMBean.accionDetalle != applicationMBean.ver}"
                                             value="#{i18n['general.button.guardar']}" 
                                             action="#{organizacionMBean.guardarSubOrganizacion}"
                                             oncomplete="handleRequest(xhr, status, args);">                                    
                            </p:commandButton>

                            <p:commandButton title="#{i18n['bitacora.ver.historial']}"
                                             icon="ui-icon ui-icon-calculator"
                                             style="#{applicationMBean.estilosBtnHistorial}"
                                             value="#{i18n['bitacora.ver.historial']}"                                                                                                           
                                             ajax="true"
                                             rendered="#{organizacionMBean.detaDto.id!=null}"
                                             oncomplete="dlgBitacoraEntidad.show()"                                                       
                                             update=":frmPopupBitacoras:pgFormPopupBitacoras"
                                             actionListener="#{organizacionMBean.verBitacoraDetalle}">                                    
                            </p:commandButton>  

                            <p:commandButton title="#{i18n['ver.archivos.boton.tip']}"
                                             icon="ui-icon ui-icon-folder-open"
                                             value="#{i18n['ver.archivos.boton']}"                                                                                                           
                                             ajax="true"
                                             rendered="#{organizacionMBean.detaDto.id!=null}"
                                             oncomplete="dlgArchivoEntidad.show()"         
                                             style="#{applicationMBean.estilosBtnArchivos}"
                                             update=":frmPopupArchivos:pgFormPopupArchivos"
                                             actionListener="#{organizacionMBean.verArchivosDetalle}">                                    
                            </p:commandButton>  
                        </h:panelGrid>
                    </p:panel>
                </p:tab>
                <p:tab title="#{i18n['sub.organizacion.almacenes']}" rendered="#{organizacionMBean.detaDto.id != null}" >
                    <h:panelGrid columns="3" cellspacing="5" rendered="#{sessionMBean.accionDetalle == applicationMBean.editar}">                
                        <p:selectOneMenu value="#{organizacionMBean.organizacionAlmacenDto.almacenDto}"  converter="almacenConvert"   disabled="#{sessionMBean.accionDetalle == applicationMBean.ver}"                                  
                                         style="#{applicationMBean.estiloObligatorio}">
                            <f:selectItems value="#{organizacionMBean.listaAlmacenes}" var="almacenDto" itemLabel="#{almacenDto.nombre}" itemValue="#{almacenDto}" />                        
                        </p:selectOneMenu>
                        <p:commandButton id="btnGuardarAlmacen" update=":frmDetalle:pgFormDtoDeta:tblOrganizacionAlmacen"
                                         title="#{i18n['general.button.guardar.tip']}"
                                         ajax="true"
                                         value="#{i18n['general.button.guardar']}"
                                         style="#{applicationMBean.estilosBtnGuardar}"
                                         icon="ui-icon ui-icon-disk" rendered="#{sessionMBean.accionDetalle != applicationMBean.ver}"
                                         action="#{organizacionMBean.guardarAlmacen}"
                                         >
                        </p:commandButton>
                    </h:panelGrid>                                    
                    <h:panelGrid id="tblOrgAlm" columns="1">
                        <p:dataTable id="tblOrganizacionAlmacen" value="#{organizacionMBean.listaOrgAlmacen}" var="dto" widgetVar="widTable" 
                                     selectionMode="single" rowKey="#{dto.id}" rows="3" paginator="true" paginatorPosition="top"
                                     emptyMessage="#{i18n['sub.organizacion.no.almacenes']}" styleClass="estiloPanel"   >                        
                            <p:column style="text-align:center;">
                                <h:panelGrid  columns="10" cellspacing="5" styleClass="estiloPanelGrid">                             

                                    <p:commandButton icon="ui-icon ui-icon-trash" title="#{i18n['general.button.eliminar.tip']}" 
                                                     rendered="#{sessionMBean.accionDetalle != applicationMBean.ver}"
                                                     update=":frmDetalle:pgFormDtoDeta:tblOrganizacionAlmacen" ajax="true"
                                                     action="#{organizacionMBean.eliminarAlmacen}" 
                                                     >
                                        <f:setPropertyActionListener value="#{dto}" target="#{organizacionMBean.organizacionAlmacenDto}" />                  

                                    </p:commandButton>
                                </h:panelGrid>
                            </p:column>   
                            <p:column headerText="#{i18n['general.label.id']}"  styleClass="general">
                                <h:outputText value="#{dto.id}" styleClass="general" />
                            </p:column>
                            <p:column headerText="#{i18n['sub.organizacion.almacen']}"  styleClass="general">
                                <h:outputText value="#{dto.almacenDto.nombre}" styleClass="general" />
                            </p:column>
                        </p:dataTable>
                    </h:panelGrid>
                </p:tab>
            </p:tabView>
    </h:form>
</html>